html,
body {

}
.heart {
  position: absolute;
  width: 100px;
  height: 90px;
  top: 7%;
  left: 3%;
  margin-top: -45px;
  margin-left: -50px;
  z-index:1
}
.heart:before,
.heart:after {
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 50px;
  height: 80px;
  background: #f1c5cf;
  border-radius: 50px 50px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
}
.heart:after {
  left: 0;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}
.love1 {
  animation: heart-animation 1s linear 0.4s infinite;
}
.love2 {
  animation: beating 0.5s linear infinite alternate;
}
.love1:after,
.love1:before {
  background-color: #ff7693;
}

@keyframes beating {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes heart-animation {
  46% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
   52% {
    transform: scale(1.5);
  }
  /* 55% {
    transform: scale(3);
  }
  100% {
    opacity: 0;
    transform: scale(20); */
}